<!DOCTYPE html>
<html>
<head>
    <style>
        div { background:#3d9a44; margin:3px; width:80px;
            height:40px; float:left; }
    </style>
    <script src="../js/jquery-1.12.4.min.js"></script>
</head>
<body>
Click me!
<div></div>
<div></div>
<div></div>
<div></div>

<div></div>
<script>
    $(document.body).click(function () {
        if ($("div:first").is(":hidden")) {
            $("div").show("slow");
        } else {
            $("div").slideUp();
        }
    });

</script>

</body>
</html>